@import '@/styles/index.scss';

.container {
  background-color: $bgc;

  .cardStyle-page {
    width: 100%;

    .list {
      padding: 10rpx;
      font-size: 0;

      .item {
        display: inline-block;
        vertical-align: top;
        box-sizing: border-box;
        width: 50%;
        padding: 10rpx;

        .box {
          position: relative;
          padding: 20rpx;
          border: 2rpx solid $bdc;
          border-radius: 10rpx;
          overflow: hidden;
          background-color: #fff;
          font-size: $fss;

          .banner {
            width: 100%;
            height: 300rpx;
            overflow: hidden;

            .image {
              width: 100%;
              height: 100rpx;
            }
          }

          .content {
            display: flex;
            align-items: center;
            padding-top: 30rpx;
            padding-bottom: 10rpx;

            .title {
              flex: 1;
            }

            .button {

              .btn {
                width: 100rpx;
                padding: 6rpx 0;
                background-color: $fc-on;
                border-radius: 40rpx;
                color: #fff;
                text-align: center;

                &.on {
                  background-color: $fc-off;
                }
              }
            }
          }
        }
      }
    }
  }
}